<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>data数据对象</title>
	</head>
	<body>
		
		<div id='app'>
			{{message}}
			<h2>{{ school.name }} {{ school.mobile }}</h2>
			<ul>
				<li>{{ campus[0] }}</li>
				<li>{{ campus[1] }}</li>
				<li>{{ campus[2] }}</li>
				<li>{{ campus[3] }}</li>
				</ul>
		</div>
		
		 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script>	 
		var vm = new Vue({
				 el: "#app",
				 data:{
					 message: "沙滩亡者",
					 school:{
						 name: "草加",
						 mobile: "953"
						 },
						 campus:["dididi","standing by","henxin","error!"]
				 }
			 })
	    
		
		 </script>
	</body>
</html>